<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.duihua{
				width: 500px;
				height: 300px;
				border:1px solid #666;
				position: absolute;
				top: 50%;
				left: 50%;
				margin:-150px 0 0 -250px;
			}
			
			.nr{
				width: 300px;
				height: 150px;
				margin: 0 auto;
				padding: 90px 0 0 50px;
			}
			span{
				float: right;
				margin: 10px;
				cursor: pointer;
			}
			
			
		</style>
	</head>
	<body>
		<div class="duihua">
			<span>&times;</span>
			<div class="nr">
			<form>
				
				<input type="text">用户名
				<br />
				<br />
				<input type="password" >密码
				<br />
				
				<br />
				<label> <input type="checkbox" />记住密码 </label>
			</form>
			</div>
		</div>


		<script type="text/javascript">
			!function(window,document,undefined) {

				var app = document.getElementsByTagName('span')[0];
				var hide = document.getElementsByClassName('duihua')[0];
				app.onclick = function() {
					hide.style.display = 'none';
				}

			}(window,document)
		</script>
	</body>
</html>
